*{
    margin: 0;
    padding: 0;
}

/* 导航开始*/
nav{
    height: 1rem;
    background-color: #f7f7f7;
    .container{
        width: 12rem;
        height: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .logo{
            width: 2.29rem;
            height: .74rem;
            display: flex;
            align-items: center;
            img{
                width: 2.29rem;
                height: .74rem;
            }
        }
        .nav_item{
            height: 100%;
            display: flex;
            justify-self: flex-end;
            flex: 1;
            ul{
                margin-left: 1.8rem;
                list-style: none;
                height: 100%;
                display: flex;
                flex: 1;
                justify-content: space-around;
               
                li{
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    a{
                        text-decoration: none;
                        color: #000;
                        display: flex;
                        align-items: center;
                        height: 100%;
                        width: 100%;
                        font-size: .18rem;
                       justify-content: center;
                       &.active{
                           color: #0067d5;
                       }
                    }
                }
            }
            .tel{
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0 .28rem;
                background-color: #0067d5;
                a{
                    text-decoration: none;
                    font-size:.18rem;
                    color: #fff;
                    img{
                        width: .22rem;
                        height: .18rem;
                    }
                }
            }
        }
    }
}
/* 导航结束*/

/* banner开始*/
.banner{
    height: 5.49rem;
    background: url(../index-imgs/banner1.jpg) no-repeat center center;
    background-size: 100% 100%;
    .container{
        width: 12rem;
        height: 100%;
        margin: 0 auto;
        overflow: hidden;
        font-size: 0;
        h2{
            font-family: '微软雅黑';
            font-size: .7rem;
            font-weight: bold;
            color: #fff;
            margin-top: 1.5rem;
        }
        .characteristics{
            font-size: 0;
            margin-top: .2rem;
            span{
                font-size: .2rem;
                color: #fff;
                margin-right: .18rem;
            }
        }
        .entrance{
            margin-top: .56rem;
            a{
                text-decoration: none;
                font-size: .22rem;
                font-weight: bold;
                color: #0268d5;
                background-color: #fff;
                display: inline-block;
                width: 1.7rem;
                height: .45rem;
                border-radius: .22rem;
                text-align: center;
                line-height: .45rem;
                
            }
            a:last-child{
                margin-left: .3rem;
            }
        }
    }
}
/* banner结束*/

/* 我们的特色开始*/
.features{
    height: 5.55rem;
    .container{
        width: 12rem;
        height: 100%;
        margin: 0 auto;
        overflow: hidden;
        h2{
            font-family: '微软雅黑';
            font-size: .4803rem;
            font-weight: bold;
            color: #000;
            text-align: center;
            margin-top: .8rem;
        }
        p{
            font-family: Arial;
            font-size: .2305rem;
            color: #8b8a8a;
            text-align: center;
            text-transform: uppercase;
            margin-top: .18rem;
        }
        ul{
            list-style: none;
            display: flex;
            justify-content: space-between;
            margin-top: .5rem;
            li{
                width: 2.16rem;
                height: 2.6rem;
                background-size: 2.16rem 2.6rem;
                a{
                    display: inline-block;
                    width: 2.16rem;
                    height: 2.6rem;
                    background-size: 100% 100%;
                }
                &:nth-child(1){
                    background: url(../index-imgs/ts_01h.gif) no-repeat center center;
                }
                &:nth-child(1):hover{
                    background: url(../index-imgs/ts_01c.png) no-repeat center center;
                }
                &:nth-child(2){
                    background: url(../index-imgs/ts_02h.gif) no-repeat center center;
                }
                &:nth-child(2):hover{
                    background: url(../index-imgs/ts_02c.png) no-repeat center center;
                }
                &:nth-child(3){
                    background: url(../index-imgs/ts_03h.gif) no-repeat center center;
                }
                &:nth-child(3):hover{
                    background: url(../index-imgs/ts_03c.png) no-repeat center center;
                }
                &:nth-child(4){
                    background: url(../index-imgs/ts_04h.gif) no-repeat center center;
                }
                &:nth-child(4):hover{
                    background: url(../index-imgs/ts_04c.png) no-repeat center center;
                }
                &:nth-child(5){
                    background: url(../index-imgs/ts_05h.gif) no-repeat center center;
                }
                &:nth-child(5):hover{
                    background: url(../index-imgs/ts_05c.png) no-repeat center center;
                }
               
            }
        }
    }
}
/* 我们的特色结束*/

